.Default {
  padding: 1rem;
  flex: 1;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  //background-color: var(--gray-10);

  .module {
    h3 {
      margin: 1rem 0;
      justify-content: space-between;

      > span {
        display: block;
        float: right;
        color: var(--text-color-gray);
        font-size: 0.9rem;

        > svg {
          width: 0.5em;
          transform: rotate(180deg);
        }
      }
    }

    //热播
    > .hot {
      .swiper-container {
        overflow: initial;
      }

      .MusicCard-box {
        padding: 0.5rem;
        margin-right: 4%;
        border-radius: 0.5rem;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
      }

      .MusicCard {
        margin: 0.5rem 0;
      }
    }

    //推荐歌单
    > .highQualityApi {
      .swiper-container {
        overflow: initial;
      }
    }

    //分类
    > .playlistHotApi {
      ul {
        width: 100%;
        aspect-ratio: 4;
        display: grid;
        grid-template-columns: repeat(5, 1fr); /* 5列，每列宽度相等 */
        grid-template-rows: repeat(2, 1fr); /* 2行，每行高度相等 */
        gap: 10px; /* 行间距和列间距 */

        li {
          font-size: 3cqw;
          background-color: var(--gray-10);
          color: var(--gray-90);
          border-radius: 10%;
          transition: 0.3s;
          cursor: pointer;

          &:active {

            background-color: var(--gray-20);
          }
        }
      }
    }

  }

}






